<fieldset>
    <legend>条件搜索</legend>
    <form class="layui-form layui-form-pane form-search" action="{:request()->url()}" onsubmit="return false" method="get" autocomplete="off">
        {if $is_store}
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">柜点选择</label>
            <div class="layui-input-inline">
                <select class="layui-select" lay-search name="store_id">
                    <option value=''>- 全部 -</option>
                    {foreach $stores as $k=>$v}
                    {if $store_id eq $k.''}
                    <option selected value="{$k}">{$v.name}</option>
                    {else}
                    <option value="{$k}">{$v.name}</option>
                    {/if}{/foreach}
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">业务员</label>
            <div class="layui-input-inline">
                <select class="layui-select" lay-search name="sale_id">
                    <option value=''>- 全部 -</option>
                    {foreach $salesmans as $k=>$v}
                    {if $sale_id eq $k.''}
                    <option selected value="{$k}">{$v}</option>
                    {else}
                    <option value="{$k}">{$v}</option>
                    {/if}{/foreach}
                </select>
            </div>
        </div>
        {/if}

        {if $is_device}
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">柜子选择</label>
            <div class="layui-input-inline">
                <select class="layui-select" lay-search name="device_id">
                    <option value=''>- 全部 -</option>
                    {foreach $devices as $k=>$v}
                    {if $device_id eq $k.''}
                    <option selected value="{$k}">{$v}</option>
                    {else}
                    <option value="{$k}">{$v}</option>
                    {/if}{/foreach}
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">业务员</label>
            <div class="layui-input-inline">
                <select class="layui-select" lay-search name="sale_id">
                    <option value=''>- 全部 -</option>
                    {foreach $salesmans as $k=>$v}
                    {if $sale_id eq $k.''}
                    <option selected value="{$k}">{$v}</option>
                    {else}
                    <option value="{$k}">{$v}</option>
                    {/if}{/foreach}
                </select>
            </div>
        </div>
        {/if}

        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">类型选择</label>
            <div class="layui-input-inline">
                <select class="layui-select" lay-filter="search_type" name="type">
                    <option value=''>- 全部 -</option>
                    {foreach ['3'=>'按日期','2'=>'按月','1'=>'按年'] as $k=>$v}
                    {if $type eq $k.''}
                    <option selected value="{$k}">{$v}</option>
                    {else}
                    <option value="{$k}">{$v}</option>
                    {/if}{/foreach}
                </select>
            </div>
        </div>
        <div class="layui-form-item layui-inline">
            <label class="layui-form-label">日期选择</label>
            <div class="layui-input-inline" id="content">
                <input data-date-range id="now_date" name="create_at" value="{$create_at}" placeholder="请选择创建时间" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item layui-inline">
            <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
            <button type="button" data-form-export="{:url('index')}?is_device={$is_device}&is_store={$is_store}" class="layui-btn layui-btn-primary">
                <i class="layui-icon layui-icon-export"></i> 导 出
            </button>
        </div>
        <div class="layui-form-item layui-inline" style="float: right;">
            <label>当前页总营业额：{$all_total}</label>
        </div>
    </form>
</fieldset>

<script>
    Date.prototype.Format = function(fmt)
    {
        var o = {
            "M+" : this.getMonth()+1,                 //月份
            "d+" : this.getDate(),                    //日
            "h+" : this.getHours(),                   //小时
            "m+" : this.getMinutes(),                 //分
            "s+" : this.getSeconds(),                 //秒
            "q+" : Math.floor((this.getMonth()+3)/3), //季度
            "S"  : this.getMilliseconds()             //毫秒
        };
        if(/(y+)/.test(fmt))
            fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
        for(var k in o)
            if(new RegExp("("+ k +")").test(fmt))
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
        return fmt;
    }

    var t_year  = new Date().Format('yyyy');
    var t_month = new Date().Format('yyyy-MM');

    let s = new Date(new Date().Format('yyyy-MM-dd'));
    s = new Date().setDate((s.getDate()-7));
    s = new Date(s).Format('yyyy-MM-dd');

    var t_day   = s + " - " + new Date().Format('yyyy-MM-dd');
    var type = 3;

    t_day = t_month = t_year = '{$create_at}';

    layui.use(['laydate'], function() {
        search_type({$type})

        form.on('select(search_type)', function (data) {
            search_type(data.value, 1);
            type = data.value;
        });

        // 根据筛选类型显示对应的日期输入框
        function search_type(value, invalid){
            var html = '';
            if(value == 1){
                if(invalid) t_year = '';
                // 年
                $('#choose_date').html('选择年份');
                html = '<input type="text" id="now_date" name="create_at" value="'+ t_year +'" lay-verify="" placeholder="输入年份" class="layui-input">';
                $('#content').html(html);
                $('#content').parent().show();

                //执行一个laydate实例
                laydate.render({
                    elem: '#now_date' //指定元素
                    ,type: 'year'
                });

            }else if(value == 2){
                if(invalid) t_month = '';
                // 月
                $('#choose_date').html('选择月份');
                html = '<input type="text" id="now_date" name="create_at" value="'+ t_month +'" lay-verify="" placeholder="输入月份" class="layui-input">';
                $('#content').html(html);
                $('#content').parent().show();

                //执行一个laydate实例
                laydate.render({
                    elem: '#now_date' //指定元素
                    ,type: 'month'
                });
            }else{
                if(invalid) t_day = '';
                // 日
                $('#choose_date').html('选择日期');
                html = '<input type="text" id="now_date" name="create_at" value="'+ t_day +'" lay-verify="" placeholder="选择日期" class="layui-input">';
                $('#content').html(html);
                $('#content').parent().show();

                //执行一个laydate实例
                laydate.render({
                    elem: '#now_date' //指定元素
                    ,range: true
                });

            }
        }

        //执行一个laydate实例
        laydate.render({
            elem: '#now_date' //指定元素
            ,range:true
        });
    })

    form.render()

    require(['excel'], function (excel) {
        let title = '{if $is_device}柜子收益{/if}{if $is_store}柜点收益{/if}'
        if(title=='') title = '公司收益'
        excel.bind(function (data) {
            data.forEach(function (item, index) {
                data[index] = [item.time, {if $is_store || $is_device}item.store_name,{/if} {if $is_store || $is_device}item.store_sales,{/if} {if $is_store}item.box_num,{/if} {if $is_device}item.device_name,{/if} {if ($is_store || $is_device) && $type>1}item.kxl,{/if} item.o_num, item.total, item.share_total];
            });
            data.unshift(['日期', {if $is_store || $is_device}'柜点名称',{/if} {if $is_store || $is_device}'业务员',{/if} {if $is_store}'箱格数量',{/if} {if $is_device}'柜子编号',{/if} {if ($is_store || $is_device) && $type>1}'开箱率',{/if} '订单数量','营业额', '实际收益']);
            return data;
        }, title);
    });
</script>
